<!DOCTYPE html> 
<html> 
<head> 
	<meta charset="utf-8">
	<title>syngenio Academy 2013 - Agenda</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	
	<link rel="SHORTCUT ICON" href="img/syngenio_favicon.ico" />

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<script src="js/agenda_data.js"></script>
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="js/de.syngenio.agenda.init.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script src="js/feedback.js"></script>
	<script src="js/agenda.js"></script>
	<script src="js/de.syngenio.agenda.js"></script>
	<script src="js/jquery.raty.min.js"></script>
	<script src="js/jquery.cookie.js"></script>
	<script src="js/jquery.tmpl.js"></script>

	<link rel="stylesheet" href="css/de.syngenio.agenda.css" />
</head> 
<body> 
		
<div data-role="page" data-theme="b" id="agenda">
	
    <div data-role="header" data-theme="b" data-position="fixed" data-id="globalNavigation">
		<h1>syngenio Kick-Off Academy 2013</h1>
	    <nav>		
		<div data-role="navbar" data-theme="b" data-iconpos="top">
			<ul>
				<li><a href="#agenda" data-theme="b" data-icon="grid" class="ui-btn-active ui-state-persist">Agenda</a></li>
				<li><a href="#feedback" id ="feedbackTab" data-icon="check" data-theme="b">Bewertungen</a></li>
			</ul>
		</div>
		</nav>
	</div>

	<div data-role="content" data-theme="b" style="padding: 0px;" class="agenda-item-list">	
		<div class="day">DONNERSTAG, 14.02.2013</div>
		<div class="horizontalLineContainer"><div class="horizontalLine"></div></div>

		<div class="ui-grid-a agenda-grid topGrid">
			<div class="ui-block-a">17:00</div>
			<div class="ui-block-b">
				<h4>Anreise und Rumh&auml;ngen in der Bonner Niederlassung</h4>
				<p>syngenio AG, Niederlassung Bonn</p>
			</div>
		</div>
		<div class="ui-grid-a agenda-grid bottomGrid">
			<div class="ui-block-a">18:00</div>
			<div class="ui-block-b">
				<h4>Kickoff des KickOff</h4>
				<p>syngenio AG, Niederlassung Bonn</p>
			</div>
		</div>

		<div class="day">FREITAG, 15.02.2013</div>
		<div class="horizontalLineContainer"><div class="horizontalLine"></div></div>
		<div id="academyGridContainer"></div>
		<div class="ui-grid-a agenda-grid topGrid">
			<div class="ui-block-a">8:40</div>
			<div class="ui-block-b">
				<h4>Start + Kl&auml;rung der Spielregeln</h4>
				<p>Seminaris Hotel, Raum A001</p>
			</div>
		</div>
	
	</div>
	
</div>
	
<div data-role="page" id="feedback">

	    <div data-role="header" data-theme="b" data-position="fixed" data-id="globalNavigation">
	    	<a href="#feedback" data-icon="delete" data-theme="b">Zur&uuml;cksetzen</a>
			<h1>syngenio Kick-Off Academy 2013</h1>
			<a href="index.html" id="saveFeedback" data-icon="check" data-theme="b" onclick="console.log($('#starVortragsInhalt').raty('score'));agendaFriday.printSlots();">Speichern</a>
		    <nav>		
			<div data-role="navbar" data-theme="b" data-iconpos="top">
				<ul>
					<li><a href="#agenda" data-theme="b" data-icon="grid">Agenda</a></li>
					<li><a href="#feedback" data-icon="check" data-theme="b" class="ui-btn-active ui-state-persist">Bewertungen</a></li>
				</ul>
			</div>
			</nav>
		</div>
	
		<div data-role="content" data-theme="b" style="padding: 0px;" class="feedback-question-list">
			<div class="feedback-heading">Gib uns dein Feedback zur Kick-Off Academy 2013!</div>
			<div class="horizontalLineContainer"><div class="horizontalLine"></div></div>
			<!--<div class="ui-grid-a feedback-question" data-theme="b">
				<div class="ui-block-a" data-theme="b">
					<label for="name">Wie fandest du die Inhalte der Kurzvortr&auml;ge?</label>
				</div>
				<div class="ui-block-b" data-theme="b"><span id="starVortragsInhalt"></span></div>
			</div>
			
			<div class="ui-grid-a feedback-question">
				<div class="ui-block-a">
					<label for="name">Wie fandest du das Format der Kurzvortr&auml;ge?</label>
				</div>
				<div class="ui-block-b"><span id="starVortragsFormat"></span></div>
			</div>
			
			<div class="ui-grid-a feedback-question">
				<div class="ui-block-a">
					<label for="name">Wie fandest du das Hotel?</label>
				</div>
				<div class="ui-block-b"><span id="starHotel"></span></div>
			</div>
			 
			<div class="ui-grid-a feedback-question">
				<div class="ui-block-a">
					<label for="name">Wie fandest du das Abend-Event?</label>
				</div>
				<div class="ui-block-b"><span id="starEvent"></span></div>
			</div>
			
			<div class="ui-grid-a feedback-question">
				<div class="ui-block-a">
					<label for="name">Freitext-Kommentar:</label>
				</div>
				<div class="ui-block-b"><textarea name="textarea" id="textarea"></textarea></div>
			</div>-->
			<div id="feedbackContent">
			</div>
		</div>
		
</div>

<div data-role="page" id="selectTalk">
		<div data-role="header" data-theme="b" data-position="fixed" data-id="subNavigation">
			<a href="index.html" data-rel="back" data-icon="arrow-l" data-theme="b">Zur&uuml;ck</a>
			<h1>Vortragswahl</h1>
			<a href="index.html" data-icon="home" data-theme="b">Home</a>
		</div>

		<div data-role="content" data-theme="b" id="selectTalkContainer" style="padding: 0px;" class="choose-talk-item-list">	
			
		</div>
</div>	

<div data-role="page" id="talkInfo">
		<div data-role="header" data-theme="b" data-position="fixed" data-id="subNavigation">
			<a href="index.html" data-rel="back" data-icon="arrow-l" data-theme="b">Zur&uuml;ck</a>
			<h1>Vortragsinfo</h1>
			<a href="index.html" data-icon="home" data-theme="b">Home</a>
		</div>

		<div data-role="content" id="talkDetailsContainer" data-theme="b" style="padding: 0px;" class="talk-info-content">	

						

		</div>
</div>

</div>


<script id="selectSlotTemplate" type="text/x-jquery-tmpl">
			{%each slots%}			
			{%if selected%}
				{%if hasChildren%}
					<div class="ui-grid-b agenda-grid">
					<div class="ui-block-a selectedTalk">${time}</div>
						<a href="#talkInfo">
							<div class="ui-block-b selectedTalk">
								<h4>${title}</h4>
								<p>Vortrag von: ${authors}, Raum ${room}</p>
							</div>
						</a>
						<a href="#selectTalk" id="{$slotId}" class="selectTalkLinkOrdinary" 
							onclick="agendaFriday.selectSlotOnOverview(${slotId});">
							<div class="ui-block-c selectedTalk">
								<h4> ...</h4>
							</div>
						</a>
					</div>
				{%else%}
					<div class="ui-grid-a agenda-grid topGrid">
						<div class="ui-block-a">${time}</div>
						<div class="ui-block-b">
							<h4>${title} </h4>
							<p>Vortrag von: ${authors}, Raum ${room}</p>
						</div>
					</div>
				{%/if%}	
			{%else%}
				<div class="ui-grid-a agenda-grid">
				<div class="ui-block-a">${time}</div>
				<a href="#selectTalk" id="${slotId}" 
				onclick="agendaFriday.selectSlotOnOverview(${slotId});" class="selectTalkLink">
					<div class="ui-block-b">
						<h4>Academy Vortrag w&auml;hlen...</h4>
						
					</div>
					</a>
				</div>

			{%/if%}	
			{%/each%}
</script>

<script id="selectTalkTemplate" type="text/x-jquery-tmpl">
<div class="date">Fr, 15.02.2013 ${time}</div>
			<div class="horizontalLineContainer"><div class="horizontalLine"></div></div>

			{%each talks%}
			{%if first%}
				<div class="ui-grid-a agenda-grid topGrid">
			{%elif last%}
				<div class="ui-grid-a agenda-grid bottomGrid">
			{%else%}
				<div class="ui-grid-a agenda-grid">
			{%/if%}		
			
				<div class="ui-block-a">Raum ${room}</div>
				<a href="#talkInfo" onclick="updateTalkDetailsTemplate(${talkId},${slotId});">
					<div class="ui-block-b">
						<h4>${title}</h4>
						<p>${authors}</p>
						
					</div>
				</a>
				
				</div>
			{%/each%}
</script>



<script id="talkDetailsTemplate" type="text/x-jquery-tmpl">
	<div class="day">${title}</div>
			<div class="location">Fr 15.02.2013, ${time} in Raum ${room}</div>
			<div class="horizontalLineContainer"><div class="horizontalLine"></div></div>
			<p class="description">
				${abstract}
			</p>
			<div class="speakersHeading">VORTRAGENDE</div>
			<div class="horizontalLineContainer speakersLineContainer"><div class="horizontalLine"></div></div>
			<div class="speakers">
				<table cellspacing="4em" cellpadding="2em">
					<tr>
						<td><img src="img/photo_anonym.jpg" width="40em"/></td>
						<td class="speakerName">${authors}</td>
					</tr>
				</table>
			</div>
</script>



<script src="js/feedback.raty.js"></script>



</body>
</html>
